* {
  box-sizing: border-box;
  user-select: none;
  font-size: 100%;
}

html {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-width: 640px;
  min-height: 360px;

  body {
    margin: 0;
    font-size: 100%;
    font-family: 'goblin';
    width: inherit;
    height: inherit;

    #app {
      height: inherit;
      width: inherit;

      canvas {
        image-rendering: pixelated;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
      }

      .ui {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
      }
    }
  }
}

/* Font Families */
@font-face {
	font-family: 'goblin';
	src: url('/woff2/goblin.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}